<form class="form-inline">
	<div class="form-group">
		<select class="form-control" name="productClassId">
			<option value="">商品类别</option>

		</select>
	</div>
	<div class="form-group">
		<input name="key" class="form-control" type="text" placeholder="商品名">
	</div>
	<button class="btn btn-primary">
		<i class="fa fa-search"></i>
	</button>
	<button type="button" class="btn btn-danger pull-right" data-toggle="modal" data-target="#modal2"><i
						class="glyphicon glyphicon-plus"></i></button>
</form>
<table></table>
<div class="_productTemplate" style="display: none;">
	<select class="form-control productClassId" name="productClassId">
	</select>
</div>

<div class="modal fade bs-example-modal-lg" id="modal1" tabindex="-1" role="dialog"
	aria-labelledby="myLargeModalLabel">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<form enctype="multipart/form-data" id="productUpdate">
				<table class="table   table-striped text-center">
					<caption></caption>
					<tbody>
						
						<tr>
							<td>产品编号</th>
							<td >
								<div class="col-sm-10">
									<input type=text class="form-control input-sm"
										placeholder="产品编号" id="productId" name="productId" readonly>
								</div>
							</td>
							<td>产品名称</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="产品名称" id="productName" name="productName">
								</div>
							</td>
							
						</tr>
						<tr>
							<td>产品管理用户</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="产品管理用户" id="productManager" name="productManager" readonly>
								</div>
							</td>

							<td>库存</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="产品名称" id="productInventory" name="productInventory">
								</div>
							</td>
						</tr>

						<tr>
							<td>市场价</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="市场价" id="productPrice1" name="productPrice1">
								</div>
							</td>

							<td>折扣价</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="折扣价" id="productPrice2" name="productPrice2">
								</div>
							</td>

						</tr>

						<tr>
							<td>产品颜色</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="产品颜色" id="productColors" name="productColors">
								</div>
							</td>

							<td>产品上架时间</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="产品上架时间" id="productTime" name="productTime" readonly>
								</div>
							</td>
						</tr>

						<tr>
							<td>销量</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="产品是否下架" id="productSales" name="productSales" readonly>
								</div>
							</td>

							<td>产品创建IP</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="产品创建IP" id="productIp" name="productIp" readonly >
								</div>
							</td>
						</tr>

						<tr>
							<td colspan="2">产品图片</td>
							<td colspan="2" rowspan="3" id="_imgs">
								<img id="imgShow" style="max-width: 200px; max-height: 150px; margin-top: 1em;" src="img/_noimg.png" class="img-thumbnail" />
								<div class="progress" style="display: none; margin-top: 1em;">
									<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2" style="line-height: 130px" >
								<div >
									<input accept="image/*" class="hidden" type="file" name="img" required="required" />
									<button type="button" class="btn btn-danger _img"><i class="fa fa-image"></i> 选择图片</button>
								</div>							
							</td>
						</tr>

						<tr>
							<!-- <td colspan="2">产品详情</td> -->
						</tr>

						<!-- <tr>
							<td colspan="4">
								<div class="col-sm-10">
									<textarea id="newsContent" name="productContent"
										style="width: 100%; height: 400px;" ></textarea>
								</div>
							</td>
						</tr> -->

						<tr>
							<td colspan="1"></td>
							<td style="font-size: 20px; font-weight: bold;">产品修改</td>
							<td></td>

							<td>
								<!-- btn-xs -->
								<button type="submit" class="btn btn-success  ">修改</button>
							</td>
						</tr>
					</tbody>
				</table>
			</form>
		</div>
	</div>
</div>
<div class="modal fade bs-example-modal-lg " id="modal2" tabindex="-1" role="dialog"
	aria-labelledby="myLargeModalLabel">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<form action="shop/add-product.do" enctype="multipart/form-data" method="post" id="productAdd">
				<table class="table   table-striped text-center">
					<caption></caption>
					<tbody>
						<tr>
							<td>产品类别</td>
							<td >
								<div class="col-sm-10">
									<select class="form-control" name="productClassId">
										<option value="1">请点击选择商品类别</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td>产品名称</td>
							<td >
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="产品名称" id="productName" name="productName">
								</div>
							</td>
							<td>库存</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="产品名称" id="productInventory" name="productInventory">
								</div>
							</td>
						</tr>

						<tr>
							<td>市场价</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="市场价" id="productPrice1" name="productPrice1">
								</div>
							</td>

							<td>折扣价</td>
							<td>
								<div class="col-sm-10">
									<input type="text" class="form-control input-sm"
										placeholder="折扣价" id="productPrice2" name="productPrice2">
								</div>
							</td>

						</tr>

						<tr>
							<td colspan="2">产品图片</td>
							<td colspan="2" rowspan="3" id="_bntimg">
								<img id="imgShow2" style="max-width: 200px; max-height: 150px; margin-top: 1em;" src="img/_noimg.png" class="img-thumbnail" />
								<div class="progress2" style="display: none; margin-top: 1em;">
									<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2" style="line-height: 130px" >
								<div >
									<input accept="image/*" class="hidden" type="file" name="img" required="required" />
									<button type="button" class="btn btn-danger _img"><i class="fa fa-image"></i> 选择图片</button>
								</div>
							</td>
						</tr>

						<tr>
							<!-- <td colspan="2">产品详情</td> -->
						</tr>

						<!-- <tr>
							<td colspan="4">
								<div class="col-sm-10">
									<textarea id="newsContent2" name="productContent"
										style="width: 100%; height: 400px;"></textarea>
								</div>
							</td>
						</tr> -->

						<tr>
							<td colspan="1"></td>
							<td style="font-size: 20px; font-weight: bold;">产品添加</td>
							<td></td>

							<td>
								<!-- btn-xs -->
								<button type="submit" id="_addP" class="btn btn-success  ">添加</button>
							</td>
						</tr>
					</tbody>
				</table>
			</form>
		</div>
	</div>
</div>
</div>
